<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>v-if分支</title>
    <script src="js/vue-2.7.14.js"></script>
</head>
<body>
    <!--
        v-if：控制元素是否会加载，true加载，false不加载
        v-show：元素一定会加载，只是通过css样式控制是否在页面显示，更适合用于频繁切换元素是否显示的情况
    -->
    <div id="app">
        <img v-if="flag" src="imgs\G.jpg" width="500">
        <img v-show="flag" src="imgs/G.jpg" width="500">
    </div>
</body>
    <script>
        new Vue({
            el:"#app",
            data:{flag:true}
        });
    </script>

</html>